<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Quill Editor Demo</title>
    <!-- 引入Quill编辑器的样式文件 -->
    <link href="https://cdn.quilljs.com/1.3.6/quill.snow.css" rel="stylesheet">
</head>
<body>
<div id="editor-container">
    <p>Hello World!</p>
</div>

<!-- 引入Quill编辑器的脚本文件 -->
<script src="https://cdn.quilljs.com/1.3.6/quill.js"></script>

<script>
  // 初始化Quill编辑器
  var quill = new Quill('#editor-container', {
    theme: 'snow', // 使用雪花主题
    modules: {
      toolbar: true,
      imageDrop: true // 启用图片拖拽
    }
  });
</script>
</body>
</html>
